<!DOCTYPE html>
<html>
  <head>
    <title>文体超市</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
	  <link rel="stylesheet" href="${s.base}/mobile/css/base.css">
	  <link rel="stylesheet" href="${s.base}/mobile/css/component.css">
	  <link rel="stylesheet" href="${s.base}/mobile/css/weui.min.css">
	  <link rel="stylesheet" href="${s.base}/mobile/css/jquery-weui.css">
	  <style type="text/css">
		  .xyg-navigation{width:100%; height:auto;padding: 0.5rem; background: #fff;}
		  .xyg-navigation .xyg-navigation-item{width:auto; padding: 0px 0.4rem; letter-spacing: 0.1rem; color: #000000; font-size: 14px; font-weight: bold;height:1rem; line-height: 1rem;float: left;}
		  .xyg-navigation .xyg-navigation-line{width:0.1rem; margin:0.25rem 0.1rem; background:#0D0D0D;height:0.5rem;float: left;}
		  .xyg-content{width:100%; height:auto; }
		  .xyg-content .xyg-content-item{width:94%; height:auto; background:#FFF; margin:0.5rem 2%;border-radius:0.2rem; padding:0.5rem 1%;}
		  .xyg-content .xyg-content-item .xyg-content-item-left{width:42%; padding-left: 2%; height:auto; float: left;}
		  .xyg-content .xyg-content-item .xyg-content-item-left img{width:100%;height:6rem;border-radius:0.2rem}
		  .xyg-content .xyg-content-item .xyg-content-item-right{width:54%; padding: 0px 1%; height:auto; float: right;}
		  .xyg-content .xyg-content-item .xyg-content-item-right>div{width:99%;line-height: 1rem; margin-left: 1%;}
		  .xyg-content .xyg-content-item .xyg-content-item-right .xyg-content-item-right-title{min-height: 2rem;}
		  .xyg-content .xyg-content-item .xyg-content-item-right .xyg-content-item-right-time{height: 1.2rem;}
		  .xyg-content .xyg-content-item .xyg-content-item-right .xyg-content-item-right-num{height:1rem;}
	  </style>
  </head>
  <body>
  <div class="xyg-index">
   <!--内容开始-->
  <div class="xyg-content">
  </div>
  <!--内容结束-->
  </div>  
  </body>
  <script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
  <script src="${s.base}/mobile/js/jquery-2.1.4.js"></script>
  <script src="${s.base}/mobile/js/jquery-weui.js"></script>
  <script src="${s.base}/mobile/js/dateUtil.js"></script>
  <script src="${s.base}/mobile/fonts/iconfont.js"></script>
  <script>
      var memberId='${memberId}';
      var loading = false;  //状态标记
      var pageSize=5;//页面大小
      var pageNum=0;//当前页面
      $(document).ready(function(e) {
          sendPost();
      });
      function sendPost() {
          pageNum++;
          $.post("/phone/areaPage",{
              pageNum : pageNum,
              pageSize : pageSize
          },function(resultInfo){
              if (resultInfo.code == 0){
                  if (resultInfo.data!=null && resultInfo.data.length > 0){
                      for(var i=0;i<resultInfo.data.length;i++){
                          var obj = resultInfo.data[i];
                          var content=
							  '<div class="xyg-content-item"><a href="/phone/areaDesc?id='+obj.id+'&memberId='+memberId+'">'+
								  '<div class="xyg-content-item-left">'+
								  	'<img src="'+ obj.picture+'"/>'+
								  '</div>'+
								  '<div class="xyg-content-item-right">'+
									  '<div class="xyg-content-item-right-title font1">'+obj.title+
									  '</div>'+
                                      '<div class="xyg-content-item-right-time font4">'+
                                      '<svg class="icon" aria-hidden="true"><use xlink:href="#icon-shijian"></use></svg>&nbsp;联系人:'+obj.linkUser+
                                      '</div>'+
                                      '<div class="xyg-content-item-right-time font4">'+
                                      '<svg class="icon" aria-hidden="true"><use xlink:href="#icon-weibiaoti"></use></svg>&nbsp;联系方式:'+obj.linkPhone+
                                      '</div>'+
                                      '<div class="xyg-content-item-right-num font4">'+
                                      '<svg class="icon" aria-hidden="true"><use xlink:href="#icon-dizhi"></use></svg>&nbsp;地址：'+obj.address+
                                      '</div>'+
								  '</div>'+
								  '<div class="clearBoth"></div>'+
						  '</a></div>';
                          $(".xyg-content").append(content);
                          loading = false;
                          if(!resultInfo.hasNextPage){
                              $(document.body).destroyInfinite();
                          }
                      }
                  }
              }
          },"json");
      }

  </script>
</html>

